<template>
  <div
    class="login-warpper baseBgColorNoActive flex-v flex-hc flex-vc"
    @click="jumpLogin"
  >
    <img
      :src="headPortrait"
      class="head-portrait"
    >
    <div class="fontsize34 login-btn">{{name}}</div>
    <div class="fontsize20 login-slogan">{{phone}}</div>
  </div>
</template>

<script>
import LoginMixinVue from './LoginMixin.vue'
export default {
  mixins: [LoginMixinVue],
  data() {
    return {

    }
  },
  mounted() {
    this.getUserDetails()
  }
}
</script>

<style scoped>
.login-warpper {
  width: 750px;
  height: 440px;
  color: #ffffff;
}
.head-portrait {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin-top: 120px;
}
.login-btn {
  height: 30px;
  margin: 20px 0;
}
.login-slogan {
  height: 20px;
  margin-bottom: 80px;
}
</style>
